<template>
  <div class="ad">
    <img src="@/assets/ad.jpeg" :style="{ width: width, height: height }" />
  </div>
</template>

<script setup>
defineProps({
  width: {
    type: String,
    default: "1200px",
  },
  height: {
    type: String,
    default: "90px",
  },
});
</script>

<style lang="less" scoped>
.ad {
  width: 100%;
  height: 90px;
  background: #d8d8d8;
  cursor: pointer;
  img {
    border-radius: 8px;
    object-fit: cover;
  }
  &:hover {
    opacity: 0.6;
  }
}
</style>
